<template>
    <div>
        <mt-header fixed title="首页"></mt-header>
        <mt-swipe :auto="3000" class="mt-swipe">
          
            <mt-swipe-item class="mt-swipe-item">
                <img src="http://img3.iqilu.com/data/attachment/forum/201308/22/173620fqg3ik3vwi09ro20.jpg">
            </mt-swipe-item>
            <mt-swipe-item class="mt-swipe-item">
                <img src="http://img.pconline.com.cn/images/upload/upc/tx/wallpaper/1308/17/c2/24561028_1376699679461.jpg">
            </mt-swipe-item>
            <mt-swipe-item class="mt-swipe-item">
                <img src="http://pic1.win4000.com/wallpaper/a/52c622952e6f5.jpg">
            </mt-swipe-item>
        </mt-swipe>
        <h3>
            热点新闻
        </h3>
        <mt-cell title="维密高管发文鼓励奚梦瑶：摔跤并不丢脸"></mt-cell>
        <mt-cell title="习近平：坚定不移将改革推向深入"></mt-cell>
        <mt-cell title="李中林少将已担任新组建的陆军第77集团军副军长"></mt-cell>
        <mt-cell title="中国成功发射吉林一号视频04、05、06星"></mt-cell>
        <mt-cell title="日本渔船帕劳海域倾覆致7人失踪 事发时风平浪静"></mt-cell>
      
        <h3>
            热门产品
        </h3>
        <mt-cell title="Apple/苹果 iPhone X">
            <img slot="icon" src="../../img/product1.jpg" width="50" height="50">
        </mt-cell title="标题文字">
        <mt-cell title=" AIR JORDAN XXXII LOW PF 男子篮球鞋">
            <img slot="icon" src="../../img/product2.jpg" width="50" height="50"> 
        </mt-cell title="标题文字">
        <mt-cell title="三只松鼠开口松子东北手剥红松原味">
            <img slot="icon" src="../../img/product3.jpg" width="50" height="50">
        </mt-cell>
    </div>
</template>

<style scoped>
    .mt-swipe{
        width:100%;
        height: 200px;
    }
    .mt-swipe-item >img{
        width:100%;
        height:200px;
    }
    h3{
        color:black;
        margin:10px 10px;
    }
    .mint-cell {
        min-height: 49px;
        margin-bottom: 10px;
    }

</style>